<template>
	<view class="page page-fill">
		<view class="header">
			<!-- 头像 没登录就显示初值头像 有就显示本地存储的数据 if判断 -->
			<view v-if="userIsLogin">
				<image :src="userInfo.faceImage" class="face"></image>
			</view>
			<view v-else>
				<image src="http://122.152.205.72:88/group1/M00/00/05/CpoxxFw_-5-AFyVyAABLIH8xBTw233.png" class="face"></image>
			</view>
			<!-- 主体 没登录就切换未登录布局 登录就展示登录的布局 -->
			<view class="info-wapper" v-if="userIsLogin">
				<!-- 登录了就显示id和名字 -->
				<view class="nickname">
					{{userInfo.nickname}}
				</view>
				<view class="nav-info">ID：{{userInfo.id}}</view>
			</view>
			<!-- 跳转登录页面 -->
			<view v-else>
				<navigator url="../registLogin/registLogin">
					<view class="nickname regist-login">
						注册/登录
					</view>
				</navigator>
			</view>
			<!-- 设置图片 设置个人信息 -->
			<view class="set-wapper" v-if="userIsLogin">
				<navigator url="../meInfo/meInfo">
					<image src="../../static/icos/settings.png" class="settings"></image>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userIsLogin: false, //控制用户是否已经登录 默认是false 没登录
				userInfo: {} //用户信息
			}
		},
		onShow() {
			var me = this;
			// 用户状态的切换
			// 			var userInfo = uni.getStorageSync("globalUser");
			// 			if (userInfo != null && userInfo != "" && userInfo != undefined) {
			// 				me.userIsLogin = true;
			// 				me.userInfo = userInfo;
			// 			} else {
			// 				me.userIsLogin = false;
			// 				me.userInfo = {};
			// 			}

			// 使用挂载方法获取用户数据
			var userInfo = me.getGlobalUser("globalUser"); //存在就返回用户个人信息
			if (userInfo != null) {  //不等于空就赋值
				me.userIsLogin = true;
				me.userInfo = userInfo;
			} else { 
				me.userIsLogin = false;
				me.userInfo = {};
			}
		},
		methods: {

		}
	}
</script>
<style>
	@import url("me.css");
</style>
